/* 在线报名 */
body{
    width: 3000px;
}
.apply_active a{
    color: #337aba;
    padding-bottom: 15px;
    border-bottom:2px solid #337aba;
}
.apply_banner img{
    width: 100%;
}
.apply .nav ul{
    width: 100%;
    width: 100%;
	height: 50px;
	margin: 0;
}
.apply .nav ul li{
    float: left;
	line-height: 50px;
	padding: 0 10px;
	font-size: 16px;
}
.apply .apply_left{
    padding:0 15px;
    margin-bottom: 20px;
}
.apply .apply_left>div{
    width: 100%;
    height: 100%;
    border-radius:5px; 
    border: 1px solid #ccc;
}
.apply .apply_left>div h3{
    margin:0 15px;
    font-weight: 400;
    color: #867335;
    padding: 10px 0;
    border-bottom:1px solid #867335; 
    margin-bottom: 10px;
}
.apply .apply_left>div p{
    padding:0 15px;
    font-size: 16px;
}
.apply .apply_right{
    border: 1px solid #ccc
}
.apply .inp{
    width: 100%;
}
.apply select{
    display: block;
    width: 100%;
    height: 36px;
    outline: none;
    background-color: #f7f2ec;
    border-radius: 5px;
    border: 1px solid #b3bab1;
}
.apply .sub{
    width: 100%;
    border: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 36px;
    background-color: #f7f2ec;
    margin-top: 10px;
}
 form p {
    text-shadow:0 1px 0 #fff; font-size:24px;
}
#wrap {
    width:530px; 
    margin:20px auto 0; 
    height:700px;
}
#wrap h2 {
    margin-bottom:20px; 
    text-align:center;font-size:48px; 
    text-shadow:0 1px 0 #ede8d9; 
    color: #867335;
}
#form_wrap {
    overflow:hidden; height:446px; position:relative; top:0px;
	-webkit-transition: all 1s ease-in-out .3s;
	-moz-transition: all 1s ease-in-out .3s;
	-o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s;
}
#form_wrap:before {
    content:"";
    position:absolute;
    bottom:128px;left:0px;
    background:url('../images/before.png');
    width:530px;
    height: 316px;
}
#form_wrap:after {
    content:"";
    position:absolute;
    bottom:0px;
    left:0;
    background:url('../images/after.png');
    width:530px;
    height: 260px; 
}
#form_wrap.hide:after, #form_wrap.hide:before {
    display:none;
}
#form_wrap:hover {
    height:776px;
    top:-200px;
}
form {
    background:#f7f2ec url('../images/letter_bg.png'); 
    position:relative;top:200px;
    overflow:hidden;
    height:200px;width:400px;
    margin:0px auto;padding:20px; 
    border: 1px solid #fff;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
    -moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
    -webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s;
}
#form_wrap:hover form {
    height:580px;
}
#form_wrap form select{
    display: block;
    width: 100%;
    height: 36px;
    outline: none;
    background-color: #f7f2ec;
    border-radius: 5px;
    border: 1px solid #b3bab1;
}
label {
    margin: 11px 20px 0 0; 
    font-size: 16px; color: #b3aba1;
    text-transform: uppercase; 
    text-shadow: 0px 1px 0px #fff;
}
input[type=text], textarea {
    font: 14px normal normal uppercase helvetica, arial, serif;
    color: #7c7873;background:none;
    width: 380px; height: 36px; padding: 0px 10px; margin: 0 0 10px 0;
    border:1px solid #f8f5f1;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -moz-box-shadow: inset 0px 0px 1px #726959;
    -webkit-box-shadow:  inset 0px 0px 1px #b3a895; 
    box-shadow:  inset 0px 0px 1px #b3a895;
    width: 100%;
}	
textarea {
    height: 80px; 
    padding-top:14px;
    resize: none;
}
textarea:focus, input[type=text]:focus {
    background:rgba(255,255,255,.35);
}
    #form_wrap input[type=submit] {
    position:relative;font-family: 'YanoneKaffeesatzRegular'; 
    font-size:24px; color: #7c7873;text-shadow:0 1px 0 #fff;
    width:100%; text-align:center;opacity:0;
    background:none;
    cursor: pointer;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
    -webkit-transition: opacity .6s ease-in-out 0s;
    -moz-transition: opacity .6s ease-in-out 0s;
    -o-transition: opacity .6s ease-in-out 0s;
    transition: opacity .6s ease-in-out 0s;
}
#form_wrap:hover input[type=submit] {z-index:1;opacity:1;
    -webkit-transition: opacity .5s ease-in-out 1.3s;
    -moz-transition: opacity .5s ease-in-out 1.3s;
    -o-transition: opacity .5s ease-in-out 1.3s;
    transition: opacity .5s ease-in-out 1.3s;}
    #form_wrap:hover input:hover[type=submit] {color:#435c70;
}
/* 招生简章部分 */
.apply .recruit_right{
    border: 1px solid #ccc;
    padding-bottom: 40px;
}
.apply .recruit_right h3{
    color: #867335;
    padding-bottom:20px;
    border-bottom: 1px solid #867335; 
}
.apply .recruit_right h4{
    text-align: center;
    color: #867335;
}
.apply .recruit_right p{
    padding: 10px;
    font-size: 16px;
}
.apply .recruit_right p span{
    color: #867335;
}
/* 答疑解惑部分 */
.apply .question_right{
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #eee;
}
.apply .question_right ul{
    width: 100%;
    padding:0 20px;
}
.apply .question_right ul li{
    background-color: #fff;
    width: 100%;
    border-bottom:1px solid #ccc; 
    padding: 10px;
    margin-bottom: 20px;
}
.apply .question_right ul li h3 a{
    font-size: 22px;
    color: #867335;
}
.apply .question_right ul li span{
    margin-right: 10px;
    font-size: 12px;
    color: #aaa;
}
/* 答疑解惑列表内容部分 */
.apply .question_list{
    border: 1px solid #ccc;
    background-color: #eee;
    padding-bottom: 40px;
}
.apply .question_list h3{
    font-size: 22px;
    color: #867335;
    padding-bottom: 10px;
    border-bottom: 1px solid #867335;
}
.apply .question_list p{
    overflow: hidden;
    font-size: 16px;
    text-indent: 2em;
}
.apply .question_list p span{
    float: right;
    margin-left: 10px;
    color: #666;
    font-size: 14px;
    text-indent: 0;
}
